export default class goodsDetail {
    elem;
    parent;
    navs;
    gooddetails;
    addcar;
    constructor(data) { 
        this.parent = document.querySelector('.wrap')
        this.elem = document.createElement('div');
        this.navs = document.querySelector('.breadnav')
        this.elem.className = 'detailright';
        this.gooddetails = document.querySelector('.gooddetails')
        this.rander(data)
    }
   
    rander(data) {
        this.navs.innerHTML = `
            <span><a href="./index.html">走秀首页</a>
            <i>></i>
            <span><a href="./goodsdetail.html?${data.classification}">${data.classification}装</a>
            <i>></i>
            <span><a href="">${data.productName}</a>
                    `
        this.elem.innerHTML = ` 
        <p>${data.productName}</p>
        <span>品牌：${data.brand}</span>
        <span class="goodsid">商品编号：${data.productSid}</span><br>
        <em></em><br>
        <div> <i>￥${data.minSellingPrice}</i> <span class="oldprice">￥${data.minMarkOffPrice}</span></div>
        <div> <i>发货地：</i> <span class="adress">意大利</span> <span class="posttime">预计10日到达</span></div>
        <div> <i>税费：</i> <span>商家承担</span></div>
        <div class="colorchange"> <i >颜色：</i> ${data.skuList.reduce((v,t,i)=>{
            return v+=`<b>${t.color}</b>`
        },'')}</div>
        <div class="size"> <i>尺码：</i> ${data.skuList[0].size.reduce((v,t,i)=>{
            return v+=`<b>${t}</b>`
        },'')}</div>
        <div class="addnum"> <i>购买数量：</i> </div>
        <div> <span>由IM提供</span><span>由走秀网提供售后服务</span></div>
        <div> <button class="buynow">立即购买</button><button class="caradd">加入购物车</button></div>
   
    
        `
        this.gooddetails.innerHTML = `
        <h3>商品详情</h3>
        <span>消费者购前须知：</span>
        <p>尊敬的顾客，您在走秀网购买的境外发货商品，等同于您在境外购买，请在购买前仔细阅读全部内容，并对自身风险承担作出客观判断。</p>
        <p>1.因为您所购买的是海外商品，可能会存在无简体中文标签情况；</p>
        <p>2.海外商品适用的关于品质、安全、健康、卫生、环保、标识等标准与我国大陆相关标准可能有所不同，在使用过程中由此可能产生的危害、损失或其他风险，走秀网不承担责任。</p>
   <p>3.海外购买商品仅限个人自用，不得再次销售。</p>
   <p>4.海外商家不定期更换包装，走秀网尽力准确展示商品最新包装，如有不符，以收到实物为主。</p>
   <p>5.所有的商品图片均为专业摄影师拍摄，经后期修制与色彩调整，尽量与实际商品保持一致，但由于灯光、显示器色彩偏差，个人对颜色理解不同等因素，实物与图片出现一定程度色差实属难免，商品颜色请以实际商品为准 ，此类问题不属于商品质量问题。</p>
   <p>6.在您收到货时有任何问题请第一时间联系客服解决。</p>
   <img src="${data.detail}">
        `
        this.parent.appendChild(this.gooddetails)
        this.parent.appendChild(this.elem);
    }
}